<script>
$(document).ready(function() {
	
// Support for AJAX loaded modal window.
// Focuses on first input textbox after it loads the window.
$('[data-toggle="modal"]').click(function(e) {
	e.preventDefault();
	var url = $(this).attr('href');
	if (url.indexOf('#') == 0) {
		$(url).modal('open');
	} else {
		$.get(url, function(data) {
			$('<div class="modal hide fade">' + data + '</div>').modal();
		}).success(function() { $('input:text:visible:first').focus(); });
	}
});
	
});
</script>
<h2 style="background-color:#368EE0; color:white; font-size:20px; padding:5px;">Approved Transfer List</h2>

<table class="table table-striped table-bordered" width="100%" id="example">
	<thead>
    <tr>
		<th>SL No.</th>
		<th>Transfer No.</th>
        <th>Source Branch</th>
		<th>Destination Branch</th>
		<th>Status </th>
        <th>Date</th>
		<th>View Details</th>
	</tr>
    </thead>
	<?php $count=1;?>
	<?php foreach($transfer as $transfers){?>

		<tr>
			<td><?php echo $count;?></td>
			<td><?php echo $transfers->transfer_no;?></td>
            <td><?php echo $transfers->source_branch_name;?></td>
            <td><?php echo $transfers->destination_branch_name;?></td>
			<td><?php echo $transfers->status;?></td>
			<td><?php echo $transfers->date;?></td>
       		<td><a href="<?= site_url('product/transfer/view_approved_order').'/'.$transfers->id ;?>" title="View Details" data-toggle="modal"><i class="icon-list-alt"></i></a>&nbsp;&nbsp;</td>
			
		</tr>
	<?php $count=$count+1;?>
	<?php } ?>
</table>
